<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*  id 选择器 */
    #p1{
      color: deepskyblue;
    }
    /* 类选择器*/
    .c1{
      color: red;
    }
    /* 分组选择器*/
    a,#p2,.c2{
      background-color: azure;
    }
    /* 属性选择器*/
    input[type='text']{ color: blue;background-color: antiquewhite}
    input[type='password']{background-color:lightgoldenrodyellow}
    /*任意元素选择器 */
    *{
      border: 1px solid cornflowerblue;
    }
  </style>
</head>
<body>
<input type="text">
<input type="password">
<a href="llll">mcl</a>
<p id="p1">我可以永远笑着扮演你的配角</p>
<p id="p2">在你的背后自己煎熬</p>
<p class="c1">若用情太难了</p>
<p>不爱要趁早</p>

<div class="c1">电视</div>
<div class="c2">电脑</div>
<div>洗衣机</div>
</body>
</html>